<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>WeUI</title>
    <!-- 引入 WeUI CDN 链接 -->
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
    <link rel="stylesheet" href="./page.css">
    <style>
        .banner {
            width: 100%;
        }

        .weui-grids{
            margin-top: 2rem;
        }

        .weui-grid__icon img {
            width: 28px;
        }
    </style>
</head>

<body>
    <script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>

    <div class="page">
        <img src="./images/zzz1.jpg" class="banner" />
        <div class="weui-grids">
            <a href="javascript:showNews();" class="weui-grid" role="button">
                <div class="weui-grid__icon">
                    <img src="./images/news.png" alt="">
                </div>
                <p class="weui-grid__label">新闻1</p>
            </a>
            <a href="javascript:showNews2();" class="weui-grid" role="button">
                <div class="weui-grid__icon">
                    <img src="./images/news.png" alt="">
                </div>
                <p class="weui-grid__label">热点新闻2</p>
            </a>
            <a href="javascript:" class="weui-grid" role="button">
                <div class="weui-grid__icon">
                    <img src="../../images/shen-small.png" alt="">
                </div>
                <p class="weui-grid__label">功能3</p>
            </a>
            <a href="javascript:" class="weui-grid" role="button">
                <div class="weui-grid__icon">
                    <img src="../../images/shen-small.png" alt="">
                </div>
                <p class="weui-grid__label">功能4</p>
            </a>
            <a href="javascript:" class="weui-grid" role="button">
                <div class="weui-grid__icon">
                    <img src="../../images/shen-small.png" alt="">
                </div>
                <p class="weui-grid__label">功能5</p>
            </a>
            <a href="javascript:" class="weui-grid" role="button">
                <div class="weui-grid__icon">
                    <img src="../../images/shen-small.png" alt="">
                </div>
                <p class="weui-grid__label">功能6</p>
            </a>
            <a href="javascript:" class="weui-grid" role="button">
                <div class="weui-grid__icon">
                    <img src="../../images/shen-small.png" alt="">
                </div>
                <p class="weui-grid__label">功能7</p>
            </a>
            <a href="javascript:" class="weui-grid" role="button">
                <div class="weui-grid__icon">
                    <img src="../../images/shen-small.png" alt="">
                </div>
                <p class="weui-grid__label">功能8</p>
            </a>
            <a href="javascript:" class="weui-grid" role="button">
                <div class="weui-grid__icon">
                    <img src="../../images/shen-small.png" alt="">
                </div>
                <p class="weui-grid__label">功能9</p>
            </a>
            <a href="javascript:exit();" class="weui-grid" role="button">
                <div class="weui-grid__icon">
                    <img src="./images/exit.png" alt="">
                </div>
                <p class="weui-grid__label">退出</p>
            </a>
        </div>
        <div class="page__bd page__bd_spacing">
            <div class="weui-footer weui-footer_fixed-bottom">
                <p class="weui-footer__links">
                    <a href="https://weui.io/" class="weui-footer__link weui-wa-hotarea" target="_blank">Web前端开发</a>
                </p>
                <p class="weui-footer__text">Copyright &copy; 2022-2022 Allen Wang</p>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        function exit(){
            window.location = './index.html';
        }
        function showNews(){
            window.location = './news.html';
        }
        function showNews2(){
            window.location = './news2.html';
        }
    </script>
</body>

</html>